<script setup>
import { ref, onBeforeMount } from 'vue'
const tabal = ref([])
onBeforeMount(() => {
   leta()
})

const leta = () => {
   fetch('http://localhost:3000/shiping')
      .then(res => res.json())
      .then(data => {
         tabal.value = data
      })
}
</script>

<template>
   <div class="test1">
      <div class="test1-ul-img">
            <video controls="controls">
               <source src="@/assets/videos/1.mp4" type="video/mp4">
               </source>
            </video>
         </div>
         <div class="test1-ul-img">
            <video controls="controls">
               <source src="@/assets/videos/2.mp4" type="video/mp4">
               </source>
            </video>
         </div>
        <div class="test1-ul-img1">
            <video controls="controls">
               <source src="@/assets/videos/3.mp4" type="video/mp4">
               </source>
            </video>
         </div>
      <div class="test1-ul" v-for="item in tabal">
         <div class="test1-ul-title">{{ item.content }}</div>
         <div class="test1-ul-img1">
            <img :src="item.ima" />
            <div class="test1-ul-title1">
               {{ item.name }}
            </div>
            <div class="aixing">
               <i class="iconfont icon-xihuan"></i>
               <spen>125</spen>
            </div>
         </div>
      </div>
   </div>

</template>

<style scoped></style>